.colorBlue{
  background-color: #1E6CEB;
}
.color333{
  color: #333;
}
.colorA1{
  color: #A1A1A1;
}
.width80{
  width: 80%;
}
.width100{
  width: 100%;
}
.width60{
  width: 60%;
}
/* ‘小手’ 鼠标*/
.pointer{
  cursor: pointer
}
/* ‘鼠标’ 手型*/
.default{
  cursor: default;
}
.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.display{
  display: flex;
}
.flex-columns {
  display: flex;
  flex-direction: column;
}
.flex-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-columns-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex-align-center{
  display: flex;
  align-items: center;
}
.flex-start{
   display: flex;
   align-items: start;
 }

.flex1{
  flex:1
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-title{
  font-size: 18px;
  color: rgb(31, 34, 37)
}
.m-top15{
  margin-top: 15px;
}
.m-right10{
  margin-right: 10px;
}
.m-left20{
  margin-left: 20px;
}
.margin20{
  margin:  0 20px;
}
.m-left10{
  margin-left: 10px;
}
.m-right20{
  margin-right: 20px;
}
.m-bottom10{
  margin-bottom: 10px;
}
.m-bottom20{
  margin-bottom: 20px;
}
.m-top20{
  margin-top: 20px;
}
.red{
  color: #FF4D4F;
}


/* 3行文字省略 */
.font-overflow3 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/* 2行文字省略 */
.font-overflow2 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/* 单行文字省略 */
.font-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

